<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		
		<title>layabox-首页</title>
	</head>
	<body>
	
			
		
		  <!-- Static navbar -->
		  <!--移动端才会显示的导航-->
      <nav class="navbar navbar-default">

        <div class="container-fluid">
          <div class="navbar-header">
          	<!--移动端按钮-->
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img src="img/logo.png"/></a>
          </div>
          <!--平板端以上的横向导航-->
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li ><a href="index.html">首页</a></li>
              <li><a href="famliy.html">Laya家族</a></li>
              <li><a href="news.html">新闻动态</a></li>
              <li><a href="game.html">游戏</a></li>
              <li><a href="about_us.html">关于我们</a></li>
             
            </ul>
            <!--右侧切换语言按钮-->
            <ul class="nav navbar-nav navbar-right">
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="#">中文</a></li>
                  <li><a href="#">English</a></li>
                  
                </ul>
              </li>
            </ul>
          </div><!--/.nav-collapse -->
        </div><!--/.container-fluid -->
      </nav>
      <!-- 图片
    ================================================== -->
<section class="header-photo">
	<div class="container">
		<div class="row">
			<div class="index-photo col-lg-12">
				<img src="img/slider.jpg"/>
			</div>
		</div>
	</div>
</section>

	<!--产品介绍 start-->
	<div class="all-product">
		
	
	<div class="product">
		<!--标题部分-->
		<div class="row product_title">
			<div class=" big_title col-xs-12">
				LayaFlash引擎
			</div>
			<div class="col-xs-12 small_title">
				让Flash技术变成开发HTMl5产品的利器
			</div>
			
		</div>
		<!--产品特点-->
<div class="col-md-8 col-sm-8 col-xs-12 wow fadeInDown animated animated" data-wow-duration="1000ms" data-wow-delay="400ms" style="visibility: visible; animation-duration: 1000ms; animation-delay: 400ms; animation-name: fadeInDown;">
						<div class="row flash-content">
							<div class="col-md-6 flash-item">
								<div class="row">
									<div class=" col-md-3 col-sm-3 col-xs-3 flash-icon flash-icon-001">
									</div>
									<div class="col-md-9 col-sm-9 col-xs-9 flash-desc">
										<h3>快速Flash产品转换</h3>

										<p>
											Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏
										</p>
									</div>
								</div>
							</div>
							<div class="col-md-6 flash-item">
								<div class="row">
									<div class="col-md-3 col-sm-3 col-xs-3 flash-icon flash-icon-002">
									</div>
									<div class="col-md-9 col-sm-9 col-xs-9 flash-desc">
										<h3>
		                                    LayaFlash IDE
		                                </h3>
										<p>
											支持代码编译、调试、压缩与混淆加密、资源转换、在线文档等功能
										</p>
									</div>

								</div>
							</div>
							<div class="col-md-6 flash-item">
								<div class="row">
									<div class="col-md-3 col-sm-3 col-xs-3 flash-icon  flash-icon-003">

									</div>
									<div class="col-md-9 col-sm-9 col-xs-9 flash-desc">
										<h3>
                                    HTML5零学习成本
                                </h3>

										<p>
											AS3开发者可直接使用Flash开源框架和工具链进行开发HTML5
										</p>
									</div>

								</div>
							</div>
							<div class="col-md-6 flash-item">
								<div class="row">
									<div class="col-md-3 col-sm-3 col-xs-3 flash-icon  flash-icon-004">
									</div>
									<div class="col-md-9 col-sm-9 col-xs-9 flash-desc">
										<h3>
                                    性能媲美APP
                                </h3>

										<p>
											LayaFlash引擎的重度游戏已运行于QQ空间等平台，性能媲美APP
										</p>
									</div>
								</div>
							</div>
						</div>

					</div>
		
		
	</div>
	</div>
	<!--LayaAir-->
		<section>
			<div class="layaair">
				<div class="container">
					<div class="row">
						<div class="col-md-4 col-sm-4 col-xs-12">
							<div class="air-icon wow fadeInUp animated animated" data-wow-duraton="1000ms" data-wow-delay="600ms" style="visibility: visible; animation-delay: 600ms; animation-name: fadeInUp;">
								<img src="img/youshi.png" class="img-responsive  img-hover">
							</div>
						</div>
						<div class="col-md-7 col-md-offset-1 col-sm-8 col-xs-12">
							<div class="air-text">
								<h1 class="air-title wow animated fadeInLeft delay-1 animated" style="visibility: visible; animation-name: fadeInLeft;">Layabox 优势</h1>
							</div>
							<div class="caption layabox-ad">
								<ul>
									<li class="advantage wow animated fadeInDown animated" data-wow-duraton="1000ms" data-wow-delay="600ms" style="visibility: visible; animation-delay: 600ms; animation-name: fadeInDown;">
										<div class="ad01 ad"></div>
										<div class="ad-desc">快速上手，Flash程序员3小时掌握HTML5开发</div>
									</li>
									<li class="advantage wow animated fadeInDown animated" data-wow-duraton="1000ms" data-wow-delay="600ms" style="visibility: visible; animation-delay: 600ms; animation-name: fadeInDown;">
										<div class="ad02 ad"></div>
										<div class="ad-desc">4年优化打磨，LayaPlayer运行器性能媲美APP</div>
									</li>
									<li class="advantage wow animated fadeInDown animated" data-wow-duraton="1000ms" data-wow-delay="600ms" style="visibility: visible; animation-delay: 600ms; animation-name: fadeInDown;">
										<div class="ad03 ad"></div>
										<div class="ad-desc">超5亿的LayaPlayer移动设备安装量帮助CP发行</div>
									</li>
									<li class="advantage wow animated fadeInDown animated" data-wow-duraton="1000ms" data-wow-delay="600ms" style="visibility: visible; animation-delay: 600ms; animation-name: fadeInDown;">
										<div class="ad04 ad"></div>
										<div class="ad-desc">使用LayaFlash开发大型HTML5游戏的企业超100家</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--产品家族-->
		<div class="product_famliy">
			<div class="container">
				<div class="product_all">
				<div class="row">
					<div class="product-famliy-title col-md-12">
						<p>Layabox产品家族</p>
					</div>
					<div class="famliy-one col-md-6 col-sm-6 col-lg-6">
						<div class="famliy-img1 col-md-4 col-sm-4 col-xs-12">
							
						</div>
						<div class="product-famliy-jieshao col-md-8 col-sm-8 col-xs-12">
							<h4>LayaAir</h4>
							<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
						</div>
					</div>
					<div class="famliy-one col-md-6 col-sm-6 col-lg-6">
						<div class="famliy-img2 col-md-4 col-sm-4 col-xs-12">
							
						</div>
						<div class="product-famliy-jieshao col-md-8 col-sm-8 col-xs-12">
							<h4>LayaAir</h4>
							<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
						</div>
					</div>
						<div class="famliy-one col-md-6 col-sm-6 col-lg-6">
						<div class="famliy-img3 col-md-4 col-sm-4 col-xs-12">
							
						</div>
						<div class="product-famliy-jieshao col-md-8 col-sm-8 col-xs-12">
							<h4>LayaAir</h4>
							<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
						</div>
					</div>
					<div class="famliy-one col-md-6 col-sm-6 col-lg-6">
						<div class="famliy-img4 col-md-4 col-sm-4 col-xs-12">
							
						</div>
						<div class="product-famliy-jieshao col-md-8 col-sm-8 col-xs-12">
							<h4>LayaAir</h4>
							<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
						</div>
					</div>
						<div class="famliy-one col-md-6 col-sm-6 col-lg-6">
						<div class="famliy-img5 col-md-4 col-sm-4 col-xs-12">
							
						</div>
						<div class="product-famliy-jieshao col-md-8 col-sm-8 col-xs-12">
							<h4>LayaAir</h4>
							<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
						</div>
					</div>
					<div class="famliy-one col-md-6 col-sm-6 col-lg-6">
						<div class="famliy-img6 col-md-4 col-sm-4 col-xs-12">
							
						</div>
						<div class="product-famliy-jieshao col-md-8 col-sm-8 col-xs-12">
							<h4>LayaAir</h4>
							<p>核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</p>
						</div>
					</div>
				</div>
			</div>
			</div>
			
		</div>
		<div class="game">
			
				<div class="game-width">
					<div class="container">
					<div class="row">
					<div class="game-title col-sm-9 col-xs-12 col-md-10">
						<p>采用Layabox引擎的精彩游戏</p>
					</div>
					<div class="more col-sm-3 col-md-2 hidden-xs">
						<a href=""><p>更多</p></a>
					</div>
					</div>
					<div class="row fu">
						
					
					<div class="video col-xs-12 col-sm-5 col-md-5 clearfix">
						<img src="img/video.png"/>
					</div>
						
					
				
					<div class="game-img col-xs-12 col-sm-7 col-md-7">
						
							<div class="game-one col-xs-4 col-sm-3 col-md-2 clearfix">
								<img src="img/game1.png"/>
								<p>猎刀2</p>
							</div>
							<div class="game-one col-xs-4 col-sm-3 col-md-2 ">
								<img src="img/game2.png"/>
								<p>上吧主公</p>
							</div>
							<div class="game-one col-xs-4 col-sm-3 col-md-2">
								<img src="img/game3.png"/>
								<p>醉西游</p>
							</div>
							<div class="game-one col-xs-4 col-sm-3 col-md-2">
								<img src="img/game4.png"/>
								<p>魔卡幻想</p>
							</div>
							<div class="game-one col-xs-4 col-sm-3 col-md-2">
								<img src="img/game5.png"/>
								<p>超能战队</p>
							</div>
							<div class="game-one col-xs-4 col-sm-3 col-md-2">
								<img src="img/game6.png"/>
								<p>刀塔大菠萝</p>
							</div>
							<div class="game-one col-xs-4 col-sm-3 col-md-2">
								<img src="img/game7.png"/>
								<p>轰三国</p>
							</div>
							<div class="game-one col-xs-4 col-sm-3 col-md-2">
								<img src="img/game8.png"/>
								<p>迷你猎人</p>
							</div>
							<div class="game-one col-xs-4 col-sm-3 col-md-2">
								<img src="img/game9.png"/>
								<p>萌挂三国</p>
							</div>
							<div class="game-one col-xs-4 col-sm-3 col-md-2">
								<img src="img/game9.png"/>
								<p>萌挂三国</p>
							</div>
							<div class="game-one col-xs-4 col-sm-3 col-md-2">
								<img src="img/game8.png"/>
								<p>迷你猎人</p>
							</div>
							<div class="game-one col-xs-4 col-sm-3 col-md-2">
								<img src="img/game9.png"/>
								<p>萌挂三国</p>
							</div>
							
						
						
							
						
					
				</div>
				</div>
				</div>
				</div>
				</div>
				
				<!-- partners Section  -->
		<section class="partners">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<h2 class="page-header wow animated fadeInDown animated" style="visibility: visible; animation-name: fadeInDown;">合作渠道<span class="small">(排序不分先后)</span> </h2>
					</div>
					<div class="col-md-12">
						<div class="row partners-content wow animated fadeInDown animated" style="visibility: visible; animation-name: fadeInDown;">
							<div class="col-md-2 col-sm-3 col-xs-4 partners-item">
								<div class="partners-list thumbnail">
									<img src="img/pala1.png" alt="QQ空间" class="img-hover img-responsive">
								</div>
							</div>

							<div class="col-md-2 col-sm-3 col-xs-4 partners-item">
								<div class="partners-list thumbnail">
									<img src="img/pala2.png" alt="QQ浏览器" class="img-hover img-responsive">
								</div>
							</div>

							<div class="col-md-2 col-sm-3 col-xs-4 partners-item">
								<div class="partners-list thumbnail">
									<img src="img/pala3.png" alt="百度浏览器" class="img-hover img-responsive">
								</div>
							</div>

							<div class="col-md-2 col-sm-3 col-xs-4 partners-item">
								<div class="partners-list thumbnail">
									<img src="img/pala5.png" alt="新浪微博" class="img-hover img-responsive">
								</div>
							</div>

							<div class="col-md-2 col-sm-3 col-xs-4 partners-item">
								<div class="partners-list thumbnail">
									<img src="img/pala6.png" alt="电信爱游戏" class="img-hover img-responsive">
								</div>
							</div>

							<div class="col-md-2 col-sm-3 col-xs-4 partners-item">
								<div class="partners-list thumbnail">
									<img src="img/pala7.png" alt="联通沃游戏" class="img-hover img-responsive">
								</div>
							</div>

							<div class="col-md-2 col-sm-3 col-xs-4 partners-item">
								<div class="partners-list thumbnail">
									<img src="img/pala9.png" alt="咪咕游戏" class="img-hover img-responsive">
								</div>
							</div>

							<div class="col-md-2 col-sm-3 col-xs-4 partners-item">
								<div class="partners-list thumbnail">
									<img src="img/pala4.png"alt="猎豹安全浏览器" class="img-hover img-responsive">
								</div>
							</div>

							<div class="col-md-2 col-sm-3 col-xs-4 partners-item">
								<div class="partners-list thumbnail">
									<img src="img/pal.png" alt="美图盒子" class="img-hover img-responsive">
								</div>
							</div>

							<div class="col-md-2 col-sm-3 col-xs-4 partners-item">
								<div class="partners-list thumbnail">
									<img src="img/pala11.png" alt="YY游戏" class="img-hover img-responsive">
								</div>
							</div>

							<div class="col-md-2 col-sm-3 col-xs-4 partners-item">
								<div class="partners-list thumbnail">
									<img src="img/pala3.png" alt="遨游云浏览器" class="img-hover img-responsive">
								</div>
							</div>

							<div class="col-md-2 col-sm-3 col-xs-4 partners-item">
								<div class="partners-list thumbnail">
									<img src="img/pala12.png" alt="酷我音乐" class="img-hover img-responsive">
								</div>
							</div>

						</div>

					</div>
				</div>
			</div>
		</section>
		
		
  		<!--底部-->
	<footer>	
	<div class="container">
		<div class="row">
			<div class="footer-left col-xs-12 col-sm-8 col-md-8">
				<div class="footer-content clearfix">
					<ul>
					<li><a href="#jianjie">公司简介</a></li>
						<li><a href="#lianxi">联系方式</a></li>
						<li><a href="#zhaopin">人才招聘</a></li>
					</ul>
				</div>
				<div class="copyright clearfix ">
					<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</p>
				</div>
			</div>
			<div class="footer-right col-xs-12 col-sm-4 col-md-4 clearfix">
				<div class="contact-img fr clearfix">
					<div class="contact3 ">
						<img src="img/contact-img3.png"/>
					</div>
					<div class="contact2 ">
						<img src="img/contact-img2.png"/>
					</div>
					
					<div class="contact1 ">
						<img src="img/contact-img1.png"/>
					</div>
					
					
				</div>
			</div>
		</div>
		
	</div>
	
	
	</footer>
	</body>
	<!--引入jq-->
	<script type="text/javascript" src="js/jquery-2.1.0.js">
	</script>
	<!--引入bootstra.js-->
	<script src="js/bootstrap.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/font-size.js">
		
	</script>
</html>
